<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />

<script type="text/javascript">


function getOr(){
	document.getElementById('pop-bg').style.visibility = 'visible';
	document.getElementById('pop-content').style.visibility = 'visible';
	
}
function hide(){
	document.getElementById('pop-bg').style.visibility = 'hidden';
	document.getElementById('pop-content').style.visibility = 'hidden';

}
</script>
</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home" >Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>
		<li><a wicket:id="first">Back</a></li>
		</ul>
	 </div>
	 <div id="content">
	 
	 	<form wicket:id="viewForm" >
	 		Student Name: <span style="font-size:14px;font-weight:bold;color:#971818;text-transform:uppercase;word-spacing:5px;" wicket:id="name"></span><br/>
    		Student ID#: <span style="font-size:14px;font-weight:bold;color:#971818;text-transform:uppercase;word-spacing:5px;" wicket:id="studentid"></span>
    		<table class="table" cellspacing="5">
							<tr>
								<td class="td"><b></b></td>
								<td class="td"><b>Description</b></td>
								<td class="td"><b>Amount</b></td>
								<td class="td"><b>Semester</b></td>
								<td class="td"><b>School Year</b></td>
								<td class="td"><b>Created By</b></td>
								<td class="td"><b>Date Created</b></td>
							</tr>
							<tr wicket:id="eachRecord">
							 	<td><input wicket:id="checkbox" type="checkbox"/></td>  
								<td><span wicket:id="desc"></span></td>
								<td><span wicket:id="amount"></span></td>
								<td><span wicket:id="semester"></span></td>
								<td><span wicket:id="schoolYear"></span></td>
								<td><span wicket:id="createdBy"></span></td>
								<td><span wicket:id="dateCreated"></span></td>
							</tr>
				</table>
			<div class="buttons">
     			<table cellspacing="0">
							<tr>
								<td><input onclick="getOr();" value="clear" type="button"/>&nbsp;</td>
								<td><input wicket:id="cancel" type="submit" value="Cancel"/>&nbsp;</td>
							</tr>
				</table>
				
    		</div>
    		
    		<div id="pop-bg" onclick="hide();" style="visibility:hidden;position:absolute;top:-300px;left:-300px;opacity:0.7;background:#000000;width:1600px;height:1500px;">
    		</div>
    		<div id="pop-content" style="background:url(../images/pop-content.png)no-repeat;visibility:hidden;width:359px;height:111px;padding-top:50px;position:absolute;top:0px;left:100px;text-align:center;">
    			<span style="font-size:14px;">OR#<input wicket:id="ornumber" type="text"/></span>
    			<input wicket:id="clear" type="submit" value="Clear Student"/>
    		</div>
    	
   		
		</form>
	
	
	 </div>
	 
    
	<div style="clear:both"></div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap"><div id="footer">				
		<p>		
		|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
		<a href="#">MSU -IIT</a> |
		</p>			
	</div></div>
	<!-- footer ends-->	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        